<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>jquery基础</title>
    <style>

    </style>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

    </script>

</head>

<body>
    <script>
        // 文档加载完成写法二
        $(function () {
            // 开始写 jQuery 代码...
            $("button").click(function () {
                $("p").css("color", "red")
                .slideUp(2000)
                .slideDown(2000);
            });
        });
    </script>
    <p>动画段落</p>
    <button>开始</button>
    
</body>

</html>